.light {
  background-color: $colorLightBeige;
  border-radius: 5px;
  padding: 40px $margin $margin $margin;
  position: relative;
  text-align: center;
  width: 315px;

  .close {
    @include size(15px, 15px);
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
  }
}

.dark {
  width: 315px;
  background-color: $colorLightBeige;
  border-radius: 5px;

  .top-bar {
    border-radius: 5px 5px 0 0;
    height: 58px;
    display: flex;
    background-color: $colorDark;
    justify-content: space-between;
    align-items: center;

    &-text,
    &-close-button {
      padding: 10px $margin;
    }

    &-text {
      font-family: $notoSans;
      font-size: $paragraph;
      color: $colorWhite;
    }

    &-close-button {
      @include size(17px, 16px);
    }
  }

  .content {
    padding: 40px;
  }
}
